<template>
  <div class="chart_box">
    <div class="chart-container">
      <chart ref="myEhart" height="600px" width="100%" />
    </div>
  </div>
</template>

<script>
import Chart from '@/components/Charts/LineMarker2'

export default {
  name: 'LineChart',
  components: { Chart },
  data() {
    return {
      valueForm: {
        valueYear: '',
        valueMonth: '',
        valueDate: ''
      },

      searchForm: {
        type: '2',
        times: new Date(new Date()).Format('yy-MM')
      },
      avgForm: {}
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="scss">
.chart_box {
  padding: 20px;
  background-color: #fff;
}
.chart-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.my_bg_pic {
  margin: 20px 0;
  margin-top: 0;
}
.my_bg_pic /deep/ .el-input__inner {
  background-color: #38ad93;
  color: #fff;
}
.my_bg_pic /deep/ .el-input__inner::-webkit-input-placeholder {
  color: #fff;
}
.my_bg_pic /deep/ .el-input__icon.el-icon-date {
  color: #fff;
}
.data_cak {
  margin: 40px 0;
  display: flex;
  align-items: center;
  .data_item {
    width: 256px;
    margin-right: 52px;
  }
  .cak_fas {
    color: #606266;
    font-size: 14px;
  }
  .cak_title {
    color: #909399;
    font-size: 14px;
  }
  .cak_pic {
    color: #000000;
    font-size: 30px;
    margin-top: 8px;
  }
}
</style>

